<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业模板</title>
    <style>
        .container {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            align-content: flex-start;
            padding-bottom: 50px;
        }
        .box {
            margin-top: 30px;
            display: flex;
            flex-direction: column;
            width: 40%;
        } 

        .box .item {
            text-decoration: none;
            margin-top: 10px;
            border: 1px solid #999;
            /* width: 600px; */
            color: #000;
            padding: 10px;
        }

        .box .title {
            margin: 0;
            font-size: 18px;
            font-weight: 600;
        }
        .work {text-align: center;margin:0;margin-top: 20px;}
    </style>
</head>

<body>
    <h2 class="work">刘xx作业列表</h2>
    <div class="container">
        <div class="box">
            <p class="title">12月29日: 内置函数作业</p>
            <a class="item" href="http://web1115.huruqing.cn/xxxx">作业1: 在页面上绑定一个点击事件,用来每天打卡, 用户点击打卡按钮,
                若点击时间是每天的8:55(不包含)-9:00(包含), 弹出迟到,
                若点击时间是9:00(不包含)之后, 弹出严重迟到</a>
            <a class="item" href="http://web1115.huruqing.cn/xxxx">作业2: 封装一个函数, 每运行一次就返回一个某个范围内的随机数(比如5-20);</a>
            <a class="item" href="http://web1115.huruqing.cn/xxxx">作业3: 将字符串 "13800000000" 变成"138****0000"</a>
            <a class="item" href="http://web1115.huruqing.cn/xxxx">作业4: 用户输入手机号码后,点击获取验证码, 弹出"验证码已发送到尾号为xxxx(4位)的手机上,
                请注意查收"</a>
            <a class="item" href="http://web1115.huruqing.cn/xxxx">作业5:
                编写一个Javascipt函数parseQueryString,它的用途是把URL参数解析成为一个对象</a>
        </div>

        <div class="box">
            <p class="title">12月28日: 内置函数作业</p>
            <a class="item" href="http://web1115.huruqing.cn/xxxx">作业1: 在页面上绑定一个点击事件,用来每天打卡, 用户点击打卡按钮,
                若点击时间是每天的8:55(不包含)-9:00(包含), 弹出迟到,
                若点击时间是9:00(不包含)之后, 弹出严重迟到</a>
            <a class="item" href="http://web1115.huruqing.cn/xxxx">作业2: 封装一个函数, 每运行一次就返回一个某个范围内的随机数(比如5-20);</a>
            <a class="item" href="http://web1115.huruqing.cn/xxxx">作业3: 将字符串 "13800000000" 变成"138****0000"</a>
            <a class="item" href="http://web1115.huruqing.cn/xxxx">作业4: 用户输入手机号码后,点击获取验证码, 弹出"验证码已发送到尾号为xxxx(4位)的手机上,
                请注意查收"</a>
            <a class="item" href="http://web1115.huruqing.cn/xxxx">作业5:
                编写一个Javascipt函数parseQueryString,它的用途是把URL参数解析成为一个对象</a>
        </div>
        <div class="box">
            <p class="title">12月27日: 内置函数作业</p>
            <a class="item" href="http://web1115.huruqing.cn/xxxx">作业1: 在页面上绑定一个点击事件,用来每天打卡, 用户点击打卡按钮,
                若点击时间是每天的8:55(不包含)-9:00(包含), 弹出迟到,
                若点击时间是9:00(不包含)之后, 弹出严重迟到</a>
            <a class="item" href="http://web1115.huruqing.cn/xxxx">作业2: 封装一个函数, 每运行一次就返回一个某个范围内的随机数(比如5-20);</a>
            <a class="item" href="http://web1115.huruqing.cn/xxxx">作业3: 将字符串 "13800000000" 变成"138****0000"</a>
            <a class="item" href="http://web1115.huruqing.cn/xxxx">作业4: 用户输入手机号码后,点击获取验证码, 弹出"验证码已发送到尾号为xxxx(4位)的手机上,
                请注意查收"</a>
            <a class="item" href="http://web1115.huruqing.cn/xxxx">作业5:
                编写一个Javascipt函数parseQueryString,它的用途是把URL参数解析成为一个对象</a>
        </div> 
        <div class="box fix"></div>
    </div>
</body>

</html>